(function () {
    // 事件委托比较好 可以给指定的所有a都绑定了点击事件 不需要在一个个写
    $('.monitor .tabs').on('click', 'a', function () {
        $(this).addClass('active').siblings('a').removeClass('active')
        $('.monitor .content').eq($(this).index()).show().siblings('.content').hide()

    })
    $('.marquee-view .marquee').each(function () {
        var rows = $(this).children().clone()
        $(this).append(rows)
    })
})();
(function () {
    var myCharts = echarts.init(document.querySelector('.pie'))
    option = {
        tooltip: {
            //提示消息触发方式： 提示消息要怎样触发 item光标经过图形触发 axis光标经过线 柱 图触发
            trigger: 'item',
            // 第一个a代表series里的name值 第二个a代表 data里面所有name值 光标悬浮那个上面就显示那个;c代表data里面value的值 
            // d代表当前数据 /总数据 的比例%
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        color: [
            '#006cff', '#60cda0', '#ed8884', '#ff9f7f', '#0096ff', '#9fe6b8', '#32c5e9', '#1d9dff'
        ],
        series: [
            {
                name: '点位统计',//图表名字
                type: 'pie',
                radius: ['10%', '80%'],//内圈半径 外圈半径 如果单位跟百分比必须加引号 参考dom父容器大小
                // 在dom容器内的水平位置
                center: ['50%', '50%'],
                //  radius=半径模式 area = 面积模式
                roseType: 'radius',
                itemStyle: {
                    borderRadius: 5
                },
                data: [
                    { value: 30, name: '北京' },
                    { value: 28, name: '上海' },
                    { value: 26, name: '广州' },
                    { value: 24, name: '深圳' },
                    { value: 22, name: '西安' },
                    { value: 20, name: '成都' },
                    { value: 18, name: '大理' },
                    { value: 16, name: '云南' }
                ],
                // label 修饰里文字
                label: {
                    fontSize: 10
                },
                // 文字和线的样式都属于series里
                // 控制线条的长度 length：距离圆的线 length2：线距离文字的线
                labelLine: {
                    length: 6,
                    length2: 10
                }

            }

        ]

    };
    myCharts.setOption(option)
})();